<template>
	<view class="content">
		<view class="c2c">
			<view class="c2c_nav">
				<block v-for="(item, index) in cexchange" :key="index">
					<view :class="status == item.name ? 'active' : ''" @click="status = item.name">{{ item.name }}</view>
				</block>
			</view>
			<view class="n_list">
				<view class="n_block" @click="$goPage('detail/detail')">
					<view class="top">
						<view class="left">
							<view class="buy">买</view>
							<text class="wz">
								<text class="big">BTC/</text>
								<text class="small">USDT</text>
							</text>
							<text class="time">02.25 14:00:00</text>
						</view>
						<view class="right">交易完成</view>
					</view>
					<view class="btm">
						<view class="left">
							<view class="one">价格 7.5</view>
							<text>数量 2.66</text>
						</view>
						<view class="right">
							<view class="one">
								50.00 
								<text class="g_words">CNY</text>
							</view>
							<view class="g_word">
								总金额
							</view>
						</view>
					</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
import HMmessages from '@/components/HM-messages/HM-messages.vue';
import uniIcons from '@/components/uni-icon/uni-icon.vue';
import Modal from '@/components/msg-modal/index.vue';
export default {
	components: { uniIcons, Modal, HMmessages },
	data() {
		return {
			status: '未完成',
			cexchange: [{ name: '未完成' }, { name: '已完成' }, { name: '已取消' }]
		};
	},
	computed: {},
	onLoad(option) {},
	onShow() {},
	methods: {}
};
</script>

<style lang="scss">
@import './style.scss';
</style>
